<template>
	<el-menu
	        active-text-color="#ffd04b"
	        background-color="#304156"
	        class="el-menu-vertical-demo"
	        default-active="/admin/svDataManage/svDataList"
	        text-color="#fff"
	        @open="handleOpen"
	        @close="handleClose"
			router
	      >
	        <el-sub-menu index="1">
	          <template #title>
	            <el-icon><Setting /></el-icon>
	            <span>公众监督数据管理</span>
	          </template>
				<el-menu-item index='/admin/svDataManage/svDataList'>公众监督数据列表</el-menu-item>
				<el-menu-item index='/admin/svDataManage/verifyAqiDataList'>确认AQI数据列表</el-menu-item>
	        </el-sub-menu>
			
			<el-sub-menu index='2'>
				<template #title>
					<el-icon><Document /></el-icon>
					<span>统计数据管理</span>
				</template>
				<el-menu-item index='/admin/stcDataManage/groupByProvince'>省分组统计</el-menu-item>
				<el-menu-item index='/admin/stcDataManage/aqiDistribution'>AQI指数分布统计</el-menu-item>
				<el-menu-item index='/admin/stcDataManage/aqiTrend'>AQI指数趋势统计</el-menu-item>
				<el-menu-item index='/admin/stcDataManage/otherData'>其他数据统计</el-menu-item>
			</el-sub-menu>
			
			<el-sub-menu index='3'>
				<template #title>
					<el-icon><Setting /></el-icon>
					<span>网格数据管理</span>
				</template>
			</el-sub-menu>
		</el-menu>
</template>

<script  setup>
import {
  Document,
  Menu ,
  Location,
  Setting,
} from '@element-plus/icons-vue'
const handleOpen = (key, keyPath) => {
  console.log(key, keyPath)
}
const handleClose = (key, keyPath) => {
  console.log(key, keyPath)
}
</script>

<style>
</style>